/*
 *	MapMint layout CSS
 */

/*
 *	Panes titles
*/
  
h1.pane-title{margin:0;padding:5px 0 3px 5px;font-size:1em;font-weight:bold;text-shadow: #FFFFFF 0px 1px 0px;
background: rgb(255,255,255);
background: url();
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 27%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 27%,rgba(232,232,232,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 27%,rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 27%,rgba(232,232,232,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 27%,rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
color:#707070;
}

h1.pane-title-sub{margin:0;padding:5px 0 3px 5px;font-size:.9em;font-weight:normal;text-shadow: #FFFFFF 0px 1px 0px;
background: -moz-linear-gradient(top,  #d9d9d9,  #b6b6b6);
background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#b6b6b6));
background: -ms-linear-gradient(#d9d9d9, #b6b6b6);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#B6B6B6');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#B6B6B6');
}

h1.pane-title-small{margin:0;padding:5px 0 3px 5px;font-size:1em;font-weight:normal;text-shadow: #FFFFFF 0px 1px 0px;
background: -moz-linear-gradient(top,  #E9E9E9,  #b6b6b6);
background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#b6b6b6));
background: -ms-linear-gradient(#E9E9E9, #b6b6b6);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#B6B6B6');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#B6B6B6');
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
margin:0 0 5px 0;
behavior: url(js/ie-css3.htc);
}

h1.pane-title span.project-title{color:red;padding:0 0 0 10px;}

h3.title{margin:0;padding:5px 0 0 10px;font-size:1em;color:#333333;text-shadow: 0 1px 0 rgba(255, 255, 255, 1);}

p.hour, p.ip{margin:0;padding:0;font-size:.8em;color:#777777;padding:3px 0 0 5px;}

.west-container{
height:90%;
overflow-y:auto;
overflow-x:hidden;
background:#FFFFFF;
}

.center-container{
height:89%;
overflow-y:auto;
overflow-x:hidden;
}

.ui-layout-pane {
	background:	#FFFFFF;
	border:0;
	padding:	0px; 
	overflow:	hidden;
	}

.ui-layout-content {
	padding:	10px;
	position:	relative;
	overflow:	auto; 
	}
/*
 *	RESIZER-BARS
 */

.ui-layout-toggler{background:#83c849;}
.ui-layout-toggler:hover{background:#707070;}

.ui-layout-resizer	{
	background:		#CACACA;
	border:			1px solid #EEEEEE;
	border-width:	0;
	}
.ui-layout-resizer{background:#CACACA;}

div.ui-layout-resizer-open span.close {
  display:none;
}
div.ui-layout-resizer-open span.close-inv {
  display:none;
}
.ui-layout-resizer-hover	{	/* affects both open and closed states */
	background:#CACACA;}

.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
		background: #CACACA;
	}
.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
		border-left:  1px solid #BBB;
		border-right: 1px solid #BBB;
	}
.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
		background: #E1A4A4; /* red */
	}
.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
		background: #EBD5AA;
	}
.ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
		opacity: .10; /* show only a slight shadow */
		filter:  alpha(opacity=10);
		}
.ui-layout-resizer-sliding-hover {	/* sliding resizer - hover */
			opacity: 1.00; /* on-hover, show the resizer-bar normally */
			filter:  alpha(opacity=100);

		}
.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
.ui-layout-resizer-west-sliding-hover	{ border-right-width:	1px; }
.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }

/*
 *	Panes specific
 */


.ui-layout-north{
background: rgb(255,255,255);
background: url();
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 27%, rgba(202,202,202,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgba(255,255,255,1)), color-stop(100%,rgba(202,202,202,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 27%,rgba(202,202,202,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 27%,rgba(202,202,202,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 27%,rgba(202,202,202,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 27%,rgba(202,202,202,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cacaca',GradientType=0 ); /* IE6-8 */
overflow:visible;
z-index:100;
min-height:90px;
}


h1.ttitle {
float:left;
color:#707070;
text-decoration: none;
font-size: 3em;
padding:0;
text-transform:none;
max-width:350px;
margin:15px 0 0 10px;
text-shadow:#FFFFFF 0 1px 0;
}
h1.ttitle span.logo{
background:url(../img//mapmint-logo.png) no-repeat;
width:60px;
height:60px;
display:inline-block;
margin:0;
padding:0 0 0 5px;
position:relative;
top:10px;
left:0;
}

h1.ttitle span.mint {
color:#83c849;
}


.ui-layout-west{
overflow:hidden;
}

.ui-layout-center{
overflow:hidden;
}

.datasources-container{overflow-y:auto;}

.ui-layout-south{
background:#707070;
}

/*
 *	Panes close
 */
 
.close {width:16px;height:17px;
float:right;
margin: 0 5px 0 0;
cursor:pointer;
background: url(../img/close-sidebar.png) no-repeat;
text-align:center;
font-size:.7em;}

.close-inv {width:17px;height:16px;
background: url(../img/close-sidebar-right.png) no-repeat;
font-size:.7em;cursor:pointer;position:absolute;margin: 0 0 0 1px;}

#privileges_display{
    overflow-y: auto;
}

.privileges_fields{
    padding-bottom: 40px;
}